<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实训6-1</title>
<style type="text/css">
.layer1{width:100%;height:200px;background-color:blue;text-align:center;front-size:20px; border-style:double;border-color:#CCC;padding:20px;}
.layer2{width:30%;height:400px;background-color:yellow;text-align:center;front-size:20px;float:left;}
.layer3{width:70%;height:400px;background-color:red;text-align:center;front-size:20px;border-style:solid; border-color:#CCC;float:left;}
.layer4{width:100%;height:200px;background-color:green;text-align:center;front-size:20px;border-style:solid; border-color:#CCC; clear:both}
</style>
</head>

<body>
<div class="layer1">
  <p>&nbsp;</p>
  <p>网站标题</p>
</div>
<div class="layer2">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>侧栏</p>
</div>
<div class="layer3">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>正文</p>
</div>
<div class="layer4">
  <p>&nbsp;</p>
  <p>网站尾部</p>
</div>
</body>
</html>
